socket.on('connect', function () {
    console.log("warn!");
    // 报警弹框
    socket.emit('warn_start');
});

var num = localStorage["RKwarn"] == undefined ? 0 : localStorage["RKwarn"];
if(num != 0){
   $('#noft').attr('class','noft-red').html(num) 
}

socket.on('warn_start',function(data) {
    show_notify( data.devicename, data.warn_type, data.time);
})

var stack_bottomright = {dir1: "up", dir2: "left", push: "top", animation: true, 
                        firstpos1: 100, firstpos2: 100, nextpos1: 100, nextpos2: 100};
function show_notify( devicename, warn_type, time) {
    new PNotify({
        title: devicename + ' 设备报警！！!',
        text:  warn_type+'<br><br>时间为： '+ time +'<a class="btn btn-info pull-right handleBtn">处理</a>',
        type: 'error',
        // styling: 'bootstrap3',
        addclass: "stack-bottomright",
        stack: stack_bottomright,

    });

    num++;
    // console.log(num + '加')
    $('#noft').attr('class','noft-red').html(num)
    // for(var i=0; i<$('.ui-pnotify').length; i++){
    //     $('.handleBtn:eq('+ i +')').addClass('btn'+ i)
    //     $('.btn'+i).click(function(e){
    //         e.stopPropagation();
    //         $(this).addClass('btn-warning').html('已处理');
    //         num--;
    //         console.log(num +'减')
    //         if(num < 0) num = 0;
    //         console.log(num +'改')
    //         $('.noft-red').html(num)
    //     })
    // }
    $('.handleBtn').one('click',function(e){
        e.stopPropagation();
        $(this).addClass('btn-warning').html('已处理');
        num--;
        // console.log(num +'减')
        if(num < 1) {
            num = 0;
            $('#noft').attr('class','noft-green');
        }
        // console.log(num +'改')
        $('#noft').html(num); // ???
        localStorage["RKwarn"] = num;
    })
    
}


//查看上一条报警消息
// $("#last-notify").attr("onclick","$(this).trigger('pnotify.history-last');");
//查看所有报警消息
// $("#all-notify").attr("onclick","$(this).trigger('pnotify.history-all');");